<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- STYLESHEETS -->
    <!--[if lt IE 9]>
    <script src="../../js/flot/excanvas.min.js"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="../../css/responsive.css">

    <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- file-input -->
    <link rel="stylesheet" type="text/css" href="../../js/file-input/fileinput.css" />
    <!-- SELECT2 -->
    <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css" />
    <!-- UNIFORM -->
    <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css" />
    <!-- datatable -->
    <link rel="stylesheet" href="../../js/datatables/datatable.css">
    <!-- WIZARD -->
    <link rel="stylesheet" type="text/css" href="../../js/bootstrap-wizard/wizard.css" />
    <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
    <!-- FONTS
<link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
    <!-- file-input -->
    <link rel="stylesheet" type="text/css" href="../../js/file-input/fileinput.css" />
    <!-- JQUERY -->
    <script src="../../js/jquery/jquery-2.0.3.min.js"></script>
    <script src="../../js/common.js"></script>

    <style>
        .left {
            float: left;
            width: 45%;
            height: 400px;
        }
        
        .right {
            float: left;
            width: 55%;
            height: 400px;
            position: relative;
        }
        
        .floatDiv {
            width: 160px;
            height: 150px;
            border: 1px dotted blue;
            padding: 10px;
            position: relative;
            left: 65%;
            top: -45%;
        }
    </style>
</head>

<body>
    <header class="navbar clearfix" id="header">
    </header>
    <input id="p_code" type="hidden" name="p_code" value="" />
    <!-- PAGE -->
    <section id="page">
        <!-- SIDEBAR -->
        <div id="sidebar" class="sidebar">
            <div class="sidebar-menu nav-collapse">

                <!-- SIDEBAR MENU -->
                <ul>

                </ul>
                <!-- /SIDEBAR MENU -->
            </div>

        </div>
        <!-- /SIDEBAR -->
        <div id="main-content">

            <div class="container">

                <div class="row">
                    <div id="content" class="col-lg-12">
                        <!-- PAGE HEADER-->
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="page-header">
                                    <!-- STYLER -->

                                    <!-- /STYLER -->
                                    <!-- BREADCRUMBS -->
                                    <ul class="breadcrumb">
                                        <li>
                                            <i class="fa fa-home"></i>
                                            <a href="index.html">首页</a>
                                        </li>
                                        <li>
                                            <a href="#">批发模式</a>
                                        </li>
                                        <li>商品批发价</li>
                                    </ul>
                                    <!-- /BREADCRUMBS -->

                                </div>
                            </div>
                        </div>
                        <form id="main">

                            <div class="detail_list ">

                                <div style="float:left; margin-left:5px; margin-right: 10px" class="addnewimg" id="f_span">

                                    <!--
                            <div class="progress progress-striped active" role="progressbar" aria-valuemin="0"
                                 aria-valuemax="100" style="margin-bottom: 0px; margin-top: 10px; display: none;">
                                <div class="progress-bar progress-bar-success" style="width:0%;"></div>
                            </div>
							-->
                                    <a href="javaScript:;" class="btn btn-warning downloadBtn">
								导出模板
							</a>
                                    <span class="btn btn-danger btn-file" id="fir">
								<span id="two">导入模板</span>
                                    <input name="uploadFile" upload-file="imageUrlProduct" type="file">
                                    </span>
                                </div>
                                <div style="float:right; margin-right: 20px;margin-bottom:5px;" class="addnewimg" id="f_span">
                                    <a href="javaScript:;" class="btn btn-success saveBtn">
                                        <i class="fa  fa-plus-square-o"></i> 保存
                                    </a>
                                </div>



                                <div class="box border primary" style="margin-top: 15px">
                                    <div class="box-title">
                                        <h4><i class="fa fa-table"></i>总条数：<span id="total_number"></span> </h4>
                                    </div>
                                    <div class="box-body" style="min-height: 200px" id="box_table">
                                        <table id="importData" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">

                                        </table>
                                    </div>
                                </div>


                            </div>
                        </form>
                    </div>
                    <!-- /CONTENT-->
                </div>
            </div>
        </div>
    </section>
    <!-- JQUERY -->
    <script src="../../js/jquery/jquery-2.0.3.min.js"></script>
    <script src="../../js/common.js"></script>
    <!-- JQUERY UI-->
    <script src="../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
    <!-- BOOTSTRAP -->
    <script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
    <!-- SLIMSCROLL -->
    <script type="text/javascript" src="../../js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="../../js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
    <!-- BLOCK UI -->
    <script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
    <!--bootbox-->
    <script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
    <!-- AUTOSIZE -->
    <script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
    <!-- spinner -->
    <script src="../../js/spinner/spin.js"></script>
    <!-- bootstrap-fileupload -->
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.iframe-transport.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload.min.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload-process.min.js"></script>
    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload-validate.min.js"></script>

    <!-- INPUT MASK -->
    <script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>

    <!-- SELECT2 -->
    <script type="text/javascript" src="../../js/select2/select2.min.js"></script>
    <!-- UNIFORM -->
    <script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
    <!-- WIZARD -->
    <script src="../../js/bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
    <!-- WIZARD -->
    <script src="../../js/jquery-validate/jquery.validate.min.js"></script>
    <script src="../../js/jquery-validate/additional-methods.min.js"></script>
    <script src="../../js/bootstrap-wizard/form-wizard.js"></script>
    <script language="javascript" type="text/javascript" src="../../js/My97DatePicker/WdatePicker.js"></script>
    <!-- NESTABLE LISTS -->
    <script type="text/javascript" src="../../js/nestable/jquery.nestable.min.js"></script>
    <!-- COOKIE -->
    <script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
    <!-- CUSTOM SCRIPT -->
    <script src="../../js/script.js"></script>

    <script src="../../js/Sortable.min.js"></script>

    <!-- DATA TABLES -->
    <script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
    <script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
    <script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>
    <script>
        var datetables = null;
        var count = 0;
        var purchaseid = $.getUrlParam("pid");
        var supplierid = $.getUrlParam("sid");
        var contractid = $.getUrlParam("ccode");
        var init = function() {
            App.init();
            //获取进货单详情

            // $("[upload-file=imageUrlProduct]").click(function() {
            //     var ctext = $("#contract_select").find("option:selected").text();
            //     if (ctext == "") {
            //         $.alert("请选择合同编号");
            //         return false;
            //     } else {
            //         return true;
            //     }
            // });
            //文件上传前触发事件
            var contractId = "";
            $("[upload-file=imageUrlProduct]").bind('fileuploadsubmit', function(e, data) {
                var cid = $("#contract_select").find("option:selected").attr("contractid");
                data.formData = {
                    uploadFile: 'multipartfile'
                }; //如果需要额外添加参数可以在这里添加
            });
            //导入模板
            $("[upload-file=imageUrlProduct]").fileupload({
                url: App.getContextPath() + "admin/wholesaler/loadExcelByWholesale.do",
                dataType: 'json',
                acceptFileTypes: /(\.|\/)(xlsx)$/i,
                iframe: true,
                start: function(e) {
                    $('.progress').fadeIn(300);
                    return true;
                },
                autoUpload: true,
                done: function(e, data) {
                    console.log(data);
                    if (data.result.type == 'error') {
                        $.alert("导入的数据有问题");
                    } else {
                        if (purchaseid != "") {
                            $("#box_table").html("");
                            var str = " <table id='importData' cellpadding='0' cellspacing='0' border='0' class='datatable table table-striped table-bordered table-hover'></table>";
                            $("#box_table").append(str);
                        }
                        initDateTable(data.result.extra);
                        $("#total_number").html(data.result.extra.length);
                    }

                },
                progressall: function(e, data) {
                    var progress = parseInt(data.loaded / data.total * 100, 10);
                    $('.progress .progress-bar').css('width', progress + '%');
                }
            }).on('fileuploaddone', function(e, data) {
                $(".progress").fadeOut(300);

            });

            //下载
            $(".downloadBtn").click(function() {
                location.href = App.getContextPath() + "admin/file/downloadTemplate.do?template=SkuSaleTemplate";
            });

            var wholesalerId = $.erp.getUrlParms(window.location.href).id
                //保存
            $(".saveBtn").click(function() {
                if (!wholesalerId) {
                    $.alert("没有取到批发商id");
                }
                var wholesalePriceInfo = {
                    wholesalerId
                }



                wholesalePriceInfo.skuWholesalePrices = [];
                var is_check = true;
                $("#importData tbody tr").each(function() {
                    var sku = {};
                    sku.skuCode = $(this).find("td:eq(3)").html();
                    sku.wholesalePrice = $(this).find("td:eq(4)").html();
                    wholesalePriceInfo.skuWholesalePrices.push(sku);
                    var remark = $(this).find("td:eq(5)").html();
                    if (remark != "") {
                        is_check = false;
                        return;
                    }
                })
                if (!is_check) {
                    $.alert("导入批发价数据有问题");
                    return;
                }

                if (wholesalePriceInfo.skuWholesalePrices == null || wholesalePriceInfo.skuWholesalePrices.length < 1) {
                    $.alert("请导入进货明细");
                    return;
                }

                wholesalePriceInfo.skuWholesalePrices = JSON.stringify(wholesalePriceInfo.skuWholesalePrices)
                    //提交数据
                $.ajax({
                    type: "post",
                    url: App.getContextPath() + "admin/wholesaler/saveWholesalePrice.do",
                    data: $.param(wholesalePriceInfo),
                    async: true,
                    success: function(result) {
                        if (result.type == "error") {
                            $.alert(result.extra);
                        } else {
                            $.alert("保存成功");
                            location.href = "wholesaler_list.html";
                        }
                    }
                });


            });

        }


        var initDateTable = function(data) {
            var dtSetting = {
                "serverSide": false,
                "bFilter": false, // 去掉搜索框
                "sScrollX": "100%",
                "sScrollXInner": "100%",
                "bSort": false,
                "paging": false,
                "data": data,
                "info": false,
                "drawCallback": function(settings) {
                    var api = this.api();
                    var datas = api.rows().data();
                    var amount = 0;
                    var goodsAccount = 0;
                    for (var i = 0; i < datas.length; i++) {
                        var e = datas[i];
                        amount += e.price * e.quantity;
                        goodsAccount += e.quantity;
                    }
                    $("[name=contractPrice]").val(amount);
                    $("[name=quantity]").val(goodsAccount);
                },
                "aoColumns": [{
                    "mDataProp": "productName",
                    "sTitle": "商品名称",
                    "width": "10%"
                }, {
                    "mDataProp": "color",
                    "sTitle": "颜色",
                    "width": "6%"
                }, {
                    "mDataProp": "sizeName",
                    "sTitle": "尺码",
                    "width": "6%"
                }, {
                    "mDataProp": "skuCode",
                    "sTitle": "SKU编码",
                    "width": "6%"
                }, {
                    // "mDataProp": "price",
                    "sTitle": "售价",
                    "width": "6%",
                    "render": function(data, type, row) {
                        return format_thousands(row.price);
                    }
                }, {
                    "mDataProp": "errMsg",
                    "sTitle": "错误提示",
                    "width": "10%",

                }]
            };
            datetables = $("#importData").dataTable(dtSetting);

        }



        $(function() {
            $("#header").load("../head.html");
            init();
        });
    </script>

    <!-- /JAVASCRIPTS -->
</body>

</html>